<!doctype html>
<html lang="{{ config('app.locale') }}">
<head>
    @include('web.layout.head')
    <link rel="stylesheet" href="{{mix('/css/web/index.css')}}">
    <script src="{{mix('/js/web/index/scrollbar.js')}}"></script>
    <link rel="stylesheet" href="{{mix('/css/web/news/news.css')}}">
    <title>新闻详情</title>
</head>
<body>
@include('web.layout.header_proscenium')
@include('web.layout.main_header')
@include('web.layout.main_header_nav')
    <div class="help-wrap">
        <div class="w1200">
            <div class="w12000" style="color:#fff;position: relative; float: left;">
                <div class="ipt-nav por ">
                    <div class="index_yjfl fl">
                        <ul>
                            @if(isset($info['categorieslist']))
                                @foreach($info['categorieslist'] as $key => $value)
                                    <li class="tu ban_img{{$key+1}}" ><a rel="nofollow" target='_blank' href="{{asset('/product/product_list/'.array_get($value,'id'))}}">{{array_get($value,'name')}}<font></font></a> <div style="clear: both;"></div></li>
                                @endforeach
                            @endif
                        </ul>
                    </div>

                    @if(isset($info['categorieslist']))
                        @foreach($info['categorieslist'] as $key => $value)
                            <div class="nav-list scrollBox" id="scrollBox{{$key+1}}">
                                <!-- 套数据的时候  id后面的数字  请自增1 -->
                                <div id="scrollObj{{$key+1}}" class="scrollObj">
                                    <div class="con f-cb">
                                        <div class="left">
                                            @if(isset($value['second_list']))
                                                @foreach($value['second_list'] as $key_o => $value_o)
                                                    <div class="box f-cb">
                                                        <span><a target='_blank' href="{{asset('/product/product_list/'.array_get($value_o,'id'))}}" rel="nofollow">{{array_get($value_o,'name')}}</a></span>
                                                        <ul>
                                                            @if(isset($value_o['three_list']))
                                                                @foreach($value_o['three_list'] as $key_t => $value_t)
                                                                    <li><a rel="nofollow" target='_blank' href="{{asset('/product/product_list/'.array_get($value_o,'id').'?categories_data[id]='.array_get($value_t,'id').'&categories_data[name]='.array_get($value_t,'name').'&attrs_data=&order=&brand_id=&sale_price=&second_cat='.array_get($value_o,'id').'&third_cat=')}}">{{array_get($value_t,'name')}}</a></li>
                                                                @endforeach
                                                            @endif
                                                        </ul>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="scrollBar" id="scrollBar{{$key+1}}">
                                    <!-- 套数据的时候  id后面的数字  请自增1 -->
                                    <div class="scrollBtn" id="scrollBtn{{$key+1}}"></div>
                                </div>
                            </div>
                        @endforeach
                    @endif

                </div>
                <!-- 热销排行 -->
                {{--<div class="fl left-news-wrap">--}}
                    {{--<div class="left-hotlist">--}}
                        {{--<h4>热销排行</h4>--}}
                        {{--<ul>--}}
                            {{--<li>--}}
                                {{--<a href="" class="fl img"><img src="http://ejing-files-uploads.oss-cn-hangzhou.aliyuncs.com/upload/image/u4fnlg3mx1p968jcvksd1523874262.jpg" alt=""></a>--}}
                                {{--<div class="fl cont">--}}
                                    {{--<a  href="" class="name">视频监控设备厂家推荐视频监控设备厂家推荐视频监</a>--}}
                                    {{--<span class="pri">￥33.11</span>--}}
                                {{--</div>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<a href="" class="fl img"><img src="http://ejing-files-uploads.oss-cn-hangzhou.aliyuncs.com/upload/image/u4fnlg3mx1p968jcvksd1523874262.jpg" alt=""></a>--}}
                                {{--<div class="fl cont">--}}
                                    {{--<a  href="" class="name">推荐视频监控设备厂家推荐视频监控设备厂家推荐</a>--}}
                                    {{--<span class="pri">￥1132.11</span>--}}
                                {{--</div>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
            </div>
            <div class="fr right-news-wrap">
                <div class="wrap">
                    <div class="news-info">
                        <div class="titbox">
                            <h2>{{array_get($new_info['info']['data'],'title')}}</h2>
                            <p class="ti">{{$new_info['info']['data']['created_at']}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;来源：{{array_get($new_info['info']['data'],'come_from')}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;责任编辑：{{array_get($new_info['info']['data'],'auth')}}</p>
                        </div>
                        <div class="cont">
                            {!! array_get($new_info['info']['data'],'content')!!}
                             <p><br></p>
                            <div class="weixin-code">
                                <img class="fl" src="{{asset('/img/web/news/img_89.jpg')}} " alt="" style="margin: 0 auto;" />
                            </div>
                        </div>
                        <div class="paging">
                            <span class="fl">
                                <p>上一篇：<a href="{{asset('/news/'.array_get($new_info['updown']['up'],'id'))}}" >{{array_get($new_info['updown']['up'],'title')}}</a></p>
                                <p>下一篇：<a href="{{asset('/news/'.array_get($new_info['updown']['down'],'id'))}}" >{{array_get($new_info['updown']['down'],'title')}}</a></p>
                            </span>
                            <!-- <a class="return fr" href="{{asset('news/list?type=0')}}">返回</a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@include('web.layout.footer_ware1')

<script type="text/javascript">
    $(function(){


        $('.tu').mouseenter(function () {
            var index = $(this).index();
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').eq(index).css('visibility', 'visible');
            $('.nav-list').css('z-index', '3');
            $(this).addClass('cur').siblings().removeClass('cur');
        })
        $('.nav-list').mouseenter(function (event) {
            $(this).css('visibility', 'visible');
            $('.nav-list').css('z-index', '3');

        });
        $('.nav-list').mouseleave(function () {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        })
        $('.wu-f').mouseleave(function () {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        })

        $('.ipt-nav').mouseleave(function (event) {
            $('.nav-list').css('visibility', 'hidden');
            $('.nav-list').css('z-index', '-1');
        });
    })
</script>
<script type="text/javascript">
    $(function(){
        //八大类 鼠标浮动过去展示
        new ImitateScroll("scrollBox1", "scrollObj1", "scrollBar1", "scrollBtn1");
        new ImitateScroll("scrollBox2", "scrollObj2", "scrollBar2", "scrollBtn2");
        new ImitateScroll("scrollBox3", "scrollObj3", "scrollBar3", "scrollBtn3");
        new ImitateScroll("scrollBox4", "scrollObj4", "scrollBar4", "scrollBtn4");
        new ImitateScroll("scrollBox5", "scrollObj5", "scrollBar5", "scrollBtn5");
        new ImitateScroll("scrollBox6", "scrollObj6", "scrollBar6", "scrollBtn6");
        new ImitateScroll("scrollBox7", "scrollObj7", "scrollBar7", "scrollBtn7");
        new ImitateScroll("scrollBox8", "scrollObj8", "scrollBar8", "scrollBtn8");
        new ImitateScroll("scrollBox9", "scrollObj9", "scrollBar9", "scrollBtn9");
        new ImitateScroll("scrollBox10", "scrollObj10", "scrollBar10", "scrollBtn10");
    })
</script>
</body>
</html>
